<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的课程</title>
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/mycore.css" />
	</head>

	<body style="background-color: #F4F4F4;">
		<!-- 时间：2018-07-13
    	   描述：头部  -->
		<div class="head">
			<div class="head_img">
				<img class="headimg" src="images/wuman.png"/>
			</div>
			<!--
            	作者：17609040104@163.com
            	时间：2018-08-15
            	描述：<img class="head_img" src="img/himg.png" style="width: 90px; height: 90px;" />
            -->
			<div class="center">
				<span class="class_name" id="Stu_Name"></span>
				<span class="class_faculty" id="Cls_Name"></span>
			</div>
			
			<div class="right" style="position: absolute;">
				<a href="myme.html">
					<img style="width: 26px; height: 26px;" src="images/right.png"/>
				</a>
			</div>
			
			
		</div>

		<!-- 时间：2018-07-13
    	   描述：头部资料卡   -->
    	
				
		<!-- 时间：2018-07-13
    	   描述：信息栏   -->
		<ul class="mui-table-view" id="myme">
		    <li class="mui-table-view-cell mui-media">
		        <a href="/user/notifylist?msg_type=1">
		          	<img class="mui-media-object mui-pull-left" src="images/11_03.png">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 2%">我的消息</p>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="/send.html">
		            <img class="mui-media-object mui-pull-left" src="images/icon2_07_07.png">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 2%">扫码签到</p>
		            </div>
		        </a>
		    </li>
		    <div class="myme_middle"></div>
		    
		    <li class="mui-table-view-cell mui-media">
		        <a href="/myme.html">
		            <img class="mui-media-object mui-pull-left" src="images/3_03.png">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 2%">我的资料</p>
		            </div>
		        </a>
		    </li>
		    <li class="mui-table-view-cell mui-media">
		        <a href="change_password.html">
		            <img class="mui-media-object mui-pull-left" src="images/icon5_17.png">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 2%">修改密码</p>
		            </div>
		        </a>
		    </li>
			<li class="mui-table-view-cell mui-media">
		        <a href="/lol_bind.html">
		            <img class="mui-media-object mui-pull-left" src="images/lol_icon.png">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 2%">绑定LOL</p>
		            </div>
		        </a>
			</li>
			<li class="mui-table-view-cell mui-media">
		        <a href="/pubg_bind.html">
		            <img class="mui-media-object mui-pull-left" src="images/pubg_icon.png">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 2%">绑定PUBG账号</p>
		            </div>
		        </a>
		    </li>
		    <div class="myme_middle"></div>
		    
		    <li class="mui-table-view-cell mui-media">
		        <a href="/logout">
		            <img class="mui-media-object mui-pull-left" src="images/1_07.png">
		            <div class="mui-media-body">
		                <p class="mui-ellipsis" style="margin-top: 2%">退出登录</p>
		            </div>
		        </a>
		    </li>
		    
		</ul>
		
	</body>
	<script type="text/javascript" charset="utf-8">
		mui.init();
		$.ajax({
			url:"/user/studentinfo",
			type:"GET",
			dataType:"json",
			success:function(data){
				console.log(data);
				$("#Stu_Name").text("姓名:"+data[0].Stu_Name);
				$("#Cls_Name").text("班级:"+data[0].Cls_Name);
			}
		});
	</script>

</html>